<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>简单滑动门</title>
	<style type="text/css">

		.middle{
			background: url("m.png");
			height: 100px;
			line-height: 100px;
		}
		.box .middle a{
			text-decoration: none;
		}
		.left,.middle,.right{
			float: left;
		}
	</style>
</head>
<body>
	<div class="box">
		<div class="left"><img src="l.png" alt=""></div>
		<div class="middle"><a href="">今天天气好晴朗</a></div>
		<div class="right"><img src="r.png" alt=""></div>
	</div>
</body>
</html>